<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
      <van-swipe-item v-for="item in list" :key="item.id"
        ><img class="im" :src="item.list_pic_url" alt=""
      /></van-swipe-item>
    </van-swipe>

    
  
    <h2>{{ shoplist.name }}</h2> 
   
  </div>
</template>

<script>
export default {
  data() {
    return {
      obj: this.$route.query.id,
      list: [],
      shoplist: "",
    };
  },
  mounted() {
    this.$http(
      "http://shop.bufantec.com/bufan/goods/detailaction?",
      "get",
      {},
      { openId: 65465, id: this.obj }
    ).then((res) => {
        console.log(res.data);
      this.list = res.data.gallery;
      this.shoplist = res.data.info;
      console.log(this.list);
      console.log(this.shoplist);
    });
  },
  methods: {},
};
</script>

<style lang="scss">
img {
  width: 200px;
  height: 200px;
}
.my-swipe .van-swipe-item {
  color: #fff;
  font-size: 20px;
  line-height: 150px;
  text-align: center;
  background-color: #39a9ed;
}
.im {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
</style>
